<style type="text/css">
#countStock {
	margin-top: 10px;
}
#countStock p{
	margin-right:10px;
}
#scanForm {
	margin-bottom: 10px;
}
</style>
<div class="pageheader">
	<h2>
		<i class="fa fa-pencil-square"></i>日志管理
	</h2>
	<div class="breadcrumb-wrapper">
		<span class="label">你所在的位置：</span>
		<ol class="breadcrumb">
			<li><a href="/index">ERP管理系统</a></li>
			<li>日志管理</li>
			<li class="active">进库扫描</li>
		</ol>
	</div>
</div>
<div class="contentpanel">
<div class="main">
    <form id="scanForm" class="form-inline">
        <div class="form-group">
            <input placeholder="扫描或输入条形码" type="text" name="barcode" value="<?php echo $this->barcode;?>" class="form-control" name="title">
        </div>
        <div class="form-group">
            <label for="sku"> 日期：</label><?php echo date("Y-m-d");?>
        </div>
        <button type="submit" class="btn btn-primary">确定</button>
        <div class="form-group"><span class="text-danger"><?php if($this->msg=='success'){echo '加入库存成功';}else if($this->msg=='fail'){echo '加入库存失败';}?></span></div>
    </form>
    <form id="addScan" method="post" action="/stock/addstock">
        <div class="table-responsive">
            <table id="stockinfo" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th><input type="checkbox" name="checkall">&nbsp;&nbsp;全选</th>
                        <th>SKU</th>
                        <th>产品名称</th>
                        <th>尺码和数量</th>
                        <th>成本价</th>
                        <th>市场价</th>
                        <th>操作时间</th>
                        <th>操作员</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <input class="btn btn-warning" type="submit" value="加入库存"> 
        <input class="btn btn-default" type="button" value="删除" onclick="delscanlog();">
    </form>
    <div id="countStock"></div>
</div>
</div>

<script type="text/javascript">
$("input[name='barcode']").focus();//输入框获取焦点
$("#scanForm").submit( function () {//扫描后异步生成条形码包含的信息内容插入到table中显示
	var barcode = $("input[name='barcode']").val();
	$("input[name='barcode']").val('');
	$("#scanForm .text-danger").text('');
	if(barcode == ''){
		alert('请扫描条形码或直接输入条形码条码');
	}else{
		$.get("/log/imloadstock", {code:barcode},
		    function(data){
		        $("#stockinfo tbody").append(data.content);
		        $("input[name='barcode']").focus();//输入框获取焦点
		        countStock();//对扫描显示的库存进行统计
		    },'json'
	    );
	}
	return false;
} );
$("#addScan").submit( function () {
	var i = 0;
	$("input[name='isadd[]']").each(function (j) {
		if($(this).is(":checked")){
			i+=1;//如果被选中就将i加1
			/** 给input[name='isadd[]']进行排序，以方便提交到action好处理,即选中table表中的第几行，
			  * 就赋值到对应的input checkbox的值为第几，然后再将该值提交上去，从而可以判断其他一起提交上去的数组哪一个是被选中了的。
			  */
			$(this).val(j);//给input[name='isadd[]']进行排序，以方便提交到action好处理
		}
    });
    if(i>0){
        return true;
    }else{
        alert("请先扫描，若已扫描则选择要加入库存的产品！");
        return false;
    }
});
function delscanlog(){
	$("input[name='isadd[]']").each(function () {
		//如果被选中
		if($(this).is(":checked")){
			$(this).parent('td').parent('tr').remove();//就删除
			countStock();
		}
    });
}
//统计库存
function countStock(){
	/**扫描后页面滚动到底部*/
    var offset = $("#countStock").offset();
    if(offset.top > document.body.clientHeight/2){
        $("body,html").animate({"scrollTop": offset.top+"px"}, 500); 
    }
    var skus =[];
    $("tbody tr").each(function(i){
        skus[i] = $(this).children("td").children("input[name='title[]']").val();
    });
    var sizes =[];
    $("tbody tr").each(function(i){
        sizes[i] = $(this).children("td").children("input[name='size[]']").val();
    });

    var skusize = [];
    for(var i = 0;i<skus.length;i++){
        skusize[i] = "产品:"+skus[i]+' 尺码:'+sizes[i];
    }
    
    var res = [];
    for(var i = 0;i<skusize.length;i++){
        var c = 0;
    	for(var j = 0;j<skusize.length;j++){
        	if(skusize[i] == skusize[j]){
            	c++;
        	}
    	}
    	res.push(skusize[i]+"/"+c);
    }
    var arr = res.unique();
    //console.log(arr);
    var content = '';
    for(var k =0;k<arr.length;k++){
        content = content+"<p class='label label-success'>"+arr[k]+"</p>";
    }
    $("#countStock").html(content);
}
Array.prototype.unique = function() {
	var ret = [];
	var o = {};
	for(var i=0, len=this.length; i<len; ++i){
		if(!o[this[i]]){ 
			ret.push(this[i]); 
			o[this[i]] = this[i]; 
		}
	}
	return ret; 
}
</script>